@charset "utf-8";
.contain{width:1070px;margin:0 auto;margin-bottom:20px;
    overflow: hidden;}

/*other people info*/
/*暂时铺满*/
/*.other_user_info{width:630px;}  */
.user_info {  width: 750px;float:left; }
.user_info_head {position:relative;}
.user_info_head .ql_send_letter {  position: absolute;  right: 0;  top: -10px;  }
.user_info_head .ql_send_letter i{ font-size:30px;color:#9d9d9d;}
.user_info_head .ql_send_letter i:hover{ color:#337ab7;}
.user_info_head h4{color:#888;padding-left:10px;}
.user_info_contain { border:1px solid #ddd; padding:20px;overflow:hidden;  border-bottom-color: #eee;}
.user_info_contain .user_avatar { float:left; }
.user_info_contain .user_avatar img{ width:100px;height:100px;border-radius: 50%;}
.user_info_contain .user_detail {margin-left:130px;}
.user_info_contain .user_detail .user_detail_list {font-size:15px;margin:20px 0;}
.user_info_contain .user_detail .user_detail_list span{padding-left:10px;display:inline-block;}
.user_info_contain .user_detail .user_detail_list i{font-size:16px;display:inline-block;}

.title_sec{padding:10px;font-size:20px;font-family: '微软雅黑';}
.title_sec .name{color:#222;
    font-weight: 600;
}
.title_sec .motto{
    color:#666;
    font-size:18px;
}

/*荣誉徽章*/
.user_badges {
    font-size:15px;
    padding: 12px 18px;
    border: 1px solid #ddd;
    border-top: none;}
.user_badges i{margin-left:10px;font-size:20px;display:inline-block;cursor:pointer;}
/*.user_badges i:hover{box-shadow: 0 2px 9px #555;color:#ff6600;}*/
.u_btn,.ql_send_letter{
    display: inline-block;
    padding: 3px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    cursor:pointer;
    border:1px solid;
    border-radius: 4px;
}
.user_task .u_btn{margin-top:9px;background:none;color:#337ab7;margin-right:17px;}
/* 用户task相关 */
.user_task {border-top:none;overflow:hidden;padding:10px 0;}

.user_task .fl a{display:block;padding:5px 20px; color:#9d9d9d;float:left;line-height: 35px;border: 1px solid #ccc;  border-right: none;cursor: pointer;}
.user_task .fl a:last-child{ border-right:1px solid #ccc;}
.user_task .fl a:hover{ color:black;}
.user_task i{display:inline-block;font-size:25px;float:left; color: #9d9d9d;}
.user_task .active{background:#eee;}
/*用户提供的学习资料*/
.user_sec {margin-bottom:25px;}
.user_sec .user_sec_head {font-size:15px;padding:10px;}
.task_contain .task_item+.task_item{border-top:1px solid #ddd;}

.task_content {overflow: hidden;}
.task_content .task_vote {width:50px;}
.task_content .task_vote .up,.task_content .task_vote .down{color: #fff;  height: 24px;  line-height: 24px;  width: 38px;  border-radius: 3px;  border: 0;  cursor: pointer;  background: #ddd;  font-weight: 500;  text-align: center;  position: relative;  outline: none;}
.task_content .task_vote .up{    height: 44px; cursor: default;}
.task_content .task_vote .up i.vote_arrow {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    left: 10px;
    top: 5px;
}
.task_content .task_vote .up i {
    background: url(../img/iconfont-arrow-up-w.png);
    -webkit-background-size: 100%;
    background-size: 100%;
}
.task_content .task_vote .up span.count {
    display: inline-block;
    padding-top: 10px;
}
/*.task_content .task_vote .up:hover{ background:#555;} 暂时不放出来*/
/*.study_data_content .study_data_content_detail_con{width:550px;}*/
.task_content .task_content_detail_con .task_comment_list{margin-left:50px;padding:20px;}
.task_content .task_content_detail_con .task_content_detail{/*max-height:80px;*/overflow:hidden;font-size:14px;margin-bottom:10px;cursor:pointer;}
.task_content .task_content_detail_con .task_time{color:#999;font-size:13px;margin-left:50px;}
.task_content .task_content_detail_con .task_time a.hehe{padding-left:5px;cursor: pointer;color:#999;}
.task_content .task_content_detail_con .task_time a.hehe:hover{padding-left:5px;cursor: pointer;color:#337ab7;}
.study_data_title{font-size:20px;display: block;}
.user_sec {border:1px solid #ddd;}

.right_sidebar{
    width:195px;
    margin-top:50px;
	margin-right:50px;
}
.follow_bar{
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    padding-left: 15px;
}
.follow_bar a{
    display:block;
    text-align: center;
   /* padding: 2px 30px 8px 0;*/
    float:left;
    cursor:pointer;
	width:90px;
}
.follow_bar a + a{
   /* padding-left:30px;*/
}
.follow_bar a:first-child{
    border-right:1px solid #ddd;
}
.follow_bar a:hover span{
    color: #337ab7;
}
.follow_bar a span{
    display:block;
    font-size: 13px;
    padding-bottom:8px;
}
.follow_bar a strong{
    color:#666;
    font-weight: 600;
    font-size:16px;
}
.side_sec{
	text-align:center;
}
.side_sec .invite-count{
	font-size:18px;
}
.side_sec +.side_sec{
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #eee;
}
.side_sec .side_sec_title{
    font-size: 14px;
    font-weight: 700;
    color: #666;
    padding-bottom: 10px;
    padding-top: 0;
    line-height: 1;
    white-space: nowrap;
    display: inline-block;
}
.side_sec .side_sec_title a{
    font-size:14px;
    font-weight: 600;
}
.side_sec_task{
    height:30px;
    width:250px;
    overflow: hidden;
}
.side_sec_task_item {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: gray;
    border-radius: 50%;
    color: white;
}
/* modal */
.ql_letter_modal .modal-header{
    background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%);
    background-image: -o-linear-gradient(top, #3c3c3c 0%, #222 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222));
    background-image: linear-gradient(to bottom, #3c3c3c 0%, #222 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    color:white;
}
.ql_comment_editable{
    width: 100%;
    padding: 9px 12px;
    min-height: 38px;
    min-height: 22px\9;
    line-height: 1.4;
    color: #222;
    cursor: text;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,.1) inset;
    box-sizing: border-box;
    background: #fff;
    outline:0;
}
.ql_command{
    margin-top: 1em;
    padding-bottom: 0;
    text-align: right;
    line-height: 33px;
}
.ql_command_cancel{
    margin-right:10px;
    color:#999;
}
.ql_letter_modal .modal-header .close{color:white;}
.ql_letter_modal .send_name input{  padding: 8px 10px;  font-size: 13px;  line-height: 15px;  border-radius: 3px;  background: #fff;  border:none;  color: #777;  }
input[type=text], input[type=password]:focus {  -webkit-appearance: none;  }
input[type=text]:focus, input[type=password]:focus, textarea:focus {  outline: 0;  }
textarea {  border: 0;  -moz-outline: 0;  outline: 0;  overflow: auto;  resize: none;  -webkit-appearance: none;}
dt.send_label{  float:left;  margin: 5px 0 0;  width:40px;  clear: both;  }
dt.send_label label{  color: #999;  font-size: 13px;  }
dd.ml{  margin: 5px 0 0 40px;;  zoom: 1;  }
.ql_letter_modal .send_editor{  font-size: 13px;  line-height: 15px;  box-shadow: 0 1px 1px rgba(0,0,0,.1) inset;  border-radius: 3px;  background: #fff;  border: 1px solid #ccc;  color: #222;  padding: 4px 4px 0;  }
.send_editor>textarea{  color: #222;  overflow: hidden;  min-height: 66px;  line-height: 22px;  font-size: 13px;  padding: 0!important;  margin: 0!important;  border: 0 none;  width:100%;  font-weight: normal;  height: 44px;  resize : none;  }
.ql_letter_modal .close_btn{  padding:6px 12px;  }
.normal{
    color:#999;
    font-weight: 400;
}
.follow_item{padding-bottom:10px;}
.follow_item + .follow_item{
    padding-top:12px;
    border-top:1px solid #eee;
}
.task_content_detail_con{
    width:100%;
}

/*关注*/
.follow_avatar img{
    float: left;
    height: 50px;
    margin: 2px 10px 0 0;
    width: 50px;
    border: 0 none;
    border-radius: 2px;
}
.follow_info ._nice,.follow_info .follow_detail,.follow_info .follow_detail a{
    font-size:12px;
    color:#999;
}

/*加载更多*/
.get-more{
    background: #f4f4f4;
    border: 1px solid #c7dce6;
    color: #444;
    font-size: 14px;
    text-align: center;
    clear: both;
    margin-top: 22px;
    border-radius: 3px;
    box-shadow: 0 10px 15px 0 rgba(255,255,255,1) inset,0 0 5px 0 rgba(0,0,0,0.05);
}
.get-more a{
    font-weight: 700;
    display: block;
    width: 100%;
    padding: 8px;
}

.qa-view-count {
    float: left;
    background: #eee;
    float: left;
    width: 50px;
    height: 50px;
    text-align: center;
    margin-right: 5px;
    padding: 0;
    border: 1px solid #ddd;
    overflow: hidden;
    border-radius: 3px;
}
.qa-view-count-data {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    display: block;
    margin-top: 3px;
}

/*跬步*/
ul.kb li{
    list-style: none;
    overflow: hidden;
    padding: 10px 0;
    border-top: 1px solid #bbb;
}
ul.kb li:first-child{
    border-top:none;
    padding-top: 0;
}
.kb .fl{
    margin-left:20px;
}
.kb .fr{
    margin-right:10px;
}
.kb-width-way{
    width: 70px;
    text-align: center;
}
.kb-width-res{
    width:400px;
}
.kb .badge{
    font-weight: normal;
}
.profile-mine__content {
    list-style: none;
    padding: 0;
    border-top: none;
}
.profile-mine__content li {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    margin-top: 0;
}
.text-r{
    text-align: right;
}
